<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<title>Seabroad Container Lines (Tianjin) Co. Ltd.</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>



<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
div { behavior: url(iepngfix.htc) }
</style>
<![endif]-->
 
<link href="css/style.css" rel="stylesheet" type="text/css" />
 
		<script type="text/javascript">
			$(document).ready(function(){
				$('.boxgrid.slidedown').hover(function(){
					$(".cover", this).stop().animate({top:'-260px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300});
				});
				//Horizontal Sliding
				$('.boxgrid.slideright').hover(function(){
						$(".cover", this).stop().animate({left:'325px'},{queue:false,duration:300});
			
				}, function() {
					$(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300});
				});
				//Diagnal Sliding
				$('.boxgrid.thecombo').hover(function(){
					$(".cover", this).stop().animate({top:'130px', left:'135px'},{queue:false,duration:300});
				}, function() {
					$(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300});
				});
				//Partial Sliding (Only show some of background)
				$('.boxgrid.peek').hover(function(){
					$(".cover", this).stop().animate({top:'130px'},{queue:false,duration:160});
				}, function() {
					$(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160});
				});
 
			});
		</script>
</head>
 
<body>
			
<div id="box_main">
  <div id="box_form">
            
<div class="boxgrid thecombo">
	  <p> <a href="http://www.seabroad.cn/2.htm" target="_blank"><img class="simg" src="images/company2.png"/></a></p>
     <img class="cover" src="images/company1.gif"/>     </div>
<div class="boxgrid thecombo">
            <p><a href="http://www.seabroad.cn/sys/index_e.asp" target="_blank"><img class="simg" src="images/finance2.png"/></a></p>
			<img class="cover" src="images/finance1.gif"/>	</div>
<div class="boxgrid thecombo">
     <p> <a href="http://www.seabroad.cn/12_e.htm" target="_blank"><img  class="simg" src="images/japb2.png"/></a></p>
	  <img class="cover" src="images/japb1.gif"/></div>
<div class="boxgrid thecombo">
			 <p> <a href="http://www.seabroad.cn/Jxlsc/Page/login.aspx" target="_blank"><img   class="simg" src="images/order2.png"/></a></p>
			  <img class="cover" src="images/order1.gif"/>	</div>
            
<div class="boxgrid thecombo">
				<p><a href="http://www.seabroad.cn/cq/index_e.asp" target="_blank"><img  class="simg"  src="images/fee2.png"/></a></p>
                <img class="cover" src="images/fee1.gif"/>	</div>
<div class="boxgrid thecombo">
           <p> <a href="http://www.seabroad.cn/sys/index_e.asp" target="_blank"><img  class="simg"  src="images/business2.png"/></a></p>
			<img class="cover" src="images/business1.gif"/>	</div>
<div class="boxgrid thecombo">
      <p><a href="http://www.seabroad.cn/6_e.htm" target="_blank"><img  class="simg" src="images/japp2.png"/></a></p>
	  <img class="cover" src="images/japp1.gif"/></div>
<div class="boxgrid thecombo">
			  <p><a href="http://www.seabroad.cn/55_e.htm" target="_blank"><img  class="simg"  src="images/job2.png" /></a></p>
			  <img class="cover" src="images/job1.gif"/>	</div>
            
<div class="boxgrid thecombo">
				<p><a href="http://www.seabroad.cn/3_e.htm" target="_blank"><img class="simg"  src="images/contact2.png"/></a></p>
                <img class="cover" src="images/contact1.gif"/>	</div>
<div class="boxgrid thecombo">
            <p><a href="http://www.seabroad.cn/sys/index_e.asp" target="_blank"><img  class="simg" src="images/member2.png"/></a></p>
			<img class="cover" src="images/member1.gif"/>	</div>
<div class="boxgrid thecombo">
     <p> <a href="http://www.seabroad.cn/13_e.htm" target="_blank"><img  class="simg" src="images/korea2.png"/></a></p>
	  <img class="cover" src="images/korea1.gif"/></div>
<div class="boxgrid thecombo">
			<p>  <a href="http://www.seabroad.cn/18_e.htm" target="_blank"><img  class="simg"  src="images/join2.png"/></a></p>
			  <img class="cover" src="images/join1.gif"/>	</div>
</div>
 
 
</div>
            
<!--bottom dock -->

 
<div class="dock" id="dock2">
  <div class="dock-container2">
  <span onClick="mask.style.visibility='visible';massage_box.style.visibility='visible'" style="cursor:hand"><a class="dock-item2" href="#" ><span>Language</span><img src="images/lang.png" /></a></span>
  <a class="dock-item2" href="http://www.seabroad.cn/2.htm" target="_blank"><span>Profile</span><img src="images/companyb.png" /></a> 
  <a class="dock-item2" href="http://www.seabroad.cn/sys/index_e.asp" target="_blank"><span>Sign up</span><img src="images/memberb.png"  /></a> 
  <a class="dock-item2" href="http://www.seabroad.cn/12_e.htm" target="_blank"><span>JP base-ports</span><img src="images/japbb.png"  /></a> 
  <a class="dock-item2" href="http://www.seabroad.cn/6_e.htm" target="_blank"><span>JP monor ports</span><img src="images/jappb.png"  /></a> 
  <a class="dock-item2" href="http://www.seabroad.cn/13_e.htm" target="_blank"><span> KR ports</span><img src="images/koreab.png"  /></a> 
  <a class="dock-item2" href="http://www.seabroad.cn/cq/index_e.asp" target="_blank"><span>Freight & Schedule</span><img src="images/feeb.png" /></a> 
  <a class="dock-item2" href="http://www.seabroad.cn/sys/index_e.asp" target="_blank"><span>Reconciliation</span><img src="images/financeb.png" /></a> 
  <a class="dock-item2" href="http://www.seabroad.cn/sys/index_e.asp" target="_blank"><span>Sign on reciept</span><img src="images/businessb.png" /></a> 
  <a class="dock-item2" href="http://www.seabroad.cn/Jxlsc/Page/login.aspx" target="_blank"><span>E-Booking</span><img src="images/orderb.png"  /></a> 
  <a class="dock-item2" href="http://www.seabroad.cn/55_e.htm" target="_blank"><span>Online recruiment</span><img src="images/jobb.png"  /></a>
    <a class="dock-item2" href="http://www.seabroad.cn/18_e.htm" target="_blank"><span>Join us</span><img src="images/joinb.png"  /></a> 
  <a class="dock-item2" href="http://www.seabroad.cn/3_e.htm" target="_blank"><span>Contact Us</span><img src="images/contactb.png" /></a>  </div>
</div>
 
 
 
 
<div id="massage_box"><div class="massage">
<div class="header" onmousedown=MDown(massage_box)><span onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float:right; display:inline; cursor:hand">×</span>
</div>
<table  bgcolor="#D5E2FA" width=390px><tr><td><a href="http://www.seabroad.cn/cn" ><img  border=0 src="images/cn.png" /></a></td><td><a href="http://www.seabroad.cn/jp"><img src="images/jp.png" border=0/></a></td><td><a href="http://www.seabroad.cn/kr"><img src="images/ko.png" border=0 /></a></td></tr></table>
</div></div>
<div id="mask"></div>
         <!--实现层移动-->
<script language="javascript">
var Obj=''
document.onmouseup=MUp
document.onmousemove=MMove

function MDown(Object){
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}

function MMove(){
if(Obj!=''){
  document.all(Obj).style.left=event.x-pX;
  document.all(Obj).style.top=event.y-pY;
  }
}

function MUp(){
if(Obj!=''){
  document.all(Obj).releaseCapture();
  Obj='';
  }
}
massage_box_left=(document.body.clientWidth-350)/2+"px";
//alert(document.getElementById("massage_box").style.left );
 document.getElementById("massage_box").style.left=massage_box_left;
 //alert(document.getElementById("massage_box").style.left );
massage_box_top=(document.documentElement.clientHeight-200)/2+"px";
massage_box_height=document.documentElement.clientHeight+"px"; 
massage_box_width=document.documentElement.clientWidth+"px"; 
 document.getElementById("massage_box").style.top=massage_box_top;
 document.getElementById("mask").style.width=massage_box_width;
 document.getElementById("mask").style.height=massage_box_height;
</script>
         
            
<!--bottom dock -->

 <style type="text/css">
a{ color:#000; font-size:12px;text-decoration:none}
a:hover{ color:#900; text-decoration:none}
body{filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); overflow:hidden}
<!--#massage_box{ position:absolute; left:125px; top:expression((body.clientHeight-200)/2); width:350px; height:200px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}
-->
#massage_box{ position:absolute;   width:390px; height:200px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2); z-index:2; visibility:hidden}
<!--#mask{ position:absolute; top:0; left:0; width:expression(body.scrollWidth); height:expression(body.scrollHeight); background:#666; filter:ALPHA(opacity=60); z-index:1; visibility:hidden}
-->
#mask{ position:absolute; top:0; left:0; width:250px; height:130px; background:#fff; filter:ALPHA(opacity=50); z-index:1; visibility:hidden}\
.massage{border:#036 solid; border-width:1px 1px 3px 1px; width:95%; height:95%; background:#fff; color:#036; font-size:12px; line-height:150%}
.header{background:#D5E2FA; height:30px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding:3px 5px 0px 5px; color:#000}
</style>

<script>
 document.getElementById("mask").style.width=massage_box_width;
 document.getElementById("mask").style.height=massage_box_height;
</script>

<!--dock menu JS options -->
<script type="text/javascript"> 
	$(document).ready(
		function()
		{
			$('#dock2').Fisheye(
				{
					maxWidth: 60,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container2',
					itemWidth: 60,
					proximity: 80,
					alignment : 'left',
					valign: 'bottom',
					halign : 'center'
				}
			)
		}
	);
 
</script>
 
</body>
</html>

